<!DOCTYPE html>
<html lang="en" id="html">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="author" content="duanliang, duanliang920.com" />
    <link href="css/global.css" rel="stylesheet" type="text/css"/>
    <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <link href="css/index.css" rel="stylesheet" type="text/css"/>
    <script src="../jquery-3.0.0.min.js"></script>
    <script src="js/setsize.js"></script>
</head>
<body>
<div class="wrap">
<div class="header">
    <div class="banner clearfix">
        <p><img src="images/logo.jpg"></p>
        <div class="banner_right">
        <input type="text" placeholder="请输入" />
        <span><img src="images/phone_seek.png"></span></div>
    </div>
    <div class="top_pic clearfix"><img src="images/phone_banner.jpg"> </div>
    </div>
    <div class="kind_list clearfix">
    <ul class="list clearfix">
        <li>
            <div><a>红酒</a></div>
            </li>
        <li>
            <div><a>红酒</a></div>
        </li>
        <li>
            <div><a>红酒</a></div>
       </li>
        <li>
            <div><a>红酒</a></div>
       </li>
        <li>
           <div><a>红酒</a></div>
       </li>
        <li>
         <div><a>红酒</a></div>
    </li>
        <li>
        <div><a>红酒</a></div>
    </li>
        <li>
        <div><a>红酒</a></div>
    </li>
    </ul>
</div>
<div class="middle">
    <div>
        <div class="bg"></div>
        <p class="kind">热菜</p>
        <p class="kind_right"><a>更多></a></p>
        <ul class="clearfix clear">
        <li class="middle_li clearfix">
            <a href="details_next.html">
            <img src="images/phone_recommend_pic.jpg">
            <div class="shade">
               <p>红酒炖牛腩</p>
                <p>￥109</p>
            </div>
            </a>
        </li>
        <li class="middle_li clearfix">
            <a>
                <img src="images/phone_recommend_pic.jpg">
                <div class="shade">
                    <p>红酒炖牛腩</p>
                    <p>￥109</p>
                </div>
            </a>
        </li><li class="middle_li clearfix">
        <a>
            <img src="images/phone_recommend_pic.jpg">
            <div class="shade">
                <p>红酒炖牛腩</p>
                <p>￥109</p>
            </div>
        </a>
    </li><li class="middle_li clearfix">
        <a>
            <img src="images/phone_recommend_pic.jpg">
            <div class="shade">
                <p>红酒炖牛腩</p>
                <p>￥109</p>
            </div>
        </a>
    </li><li class="middle_li clearfix">
        <a>
            <img src="images/phone_recommend_pic.jpg">
            <div class="shade">
                <p>红酒炖牛腩</p>
                <p>￥109</p>
            </div>
        </a>
    </li>
        <li class="middle_li clearfix">
        <a>
            <img src="images/phone_recommend_pic.jpg">
            <div class="shade">
                <p>红酒炖牛腩</p>
                <p>￥109</p>
            </div>
        </a>
    </li>
    </ul>
    </div>
</div>

    <div class="footer clearfix">
        <ul class="link clearfix">
            <li>
                <a href="index_next.html">
                    <div class="link_pic">
                        <img src="images/phone_footer1.png"><br/>
                        <span>首页</span>
                    </div>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="link_pic">
                        <img src="images/phone_footer2.png"><br/>
                        <span>分类</span>
                    </div>
                </a>
            </li>
            <li>
                <a href="shopping_car.html">
                    <div class="link_pic">
                        <img src="images/phone_footer3.png"><br/>
                        <span>购物车</span>
                    </div>
                </a>
            </li>
            <li>
                <a href="person_center.html">
                    <div class="link_pic">

                        <img src="images/phone_footer4.png"><br/>
                        <span>我的</span>
                    </div>
                </a>
            </li>

        </ul>

</div>
</div>
<script>
    window.onload=function(){
        $('body').height($(window).height());
        set();
        window.onresize=set;
    };
</script>

</body>
</html>